<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Responsive Parallax Drag-slider</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,600" rel="stylesheet" type="text/css">
        <link href="css/style.css" rel="stylesheet">
    </head>
    <body>
        <div class="cont">
            <div class="slider"></div>
            <ul class="nav"></ul>
            <div data-target='right' class="side-nav side-nav--right"></div>
            <div data-target='left' class="side-nav side-nav--left"></div>
        </div>
        <script src='js/jquery.min.js'></script>
        <script src="js/index.js"></script>
    </body>
</html>